<!-- lottery-results.hbs -->

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>2024H1随访结果汇总</title>
        <script src="/apps/js/baidu-tongji-mtx.js"></script>
        <meta name="description" content="眼见为实！图腾生命医学产品真实世界数据揭秘">
        <!-- 引入 Bootstrap 5 样式表 -->
        <link href="/apps/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="/apps/css/fontawesome-free-6.4.0-web/css/all.css">
        <link rel="stylesheet" href="/apps/css/mui.css">
    </head>
    <body>
        <header class="d-flex align-items-center bg-custom-color p-3">
            <button id="backButton" class="btn btn-primary rounded-circle me-3" style="background-color: white;" onclick="goLatestSurvey('{{survey_id}}');">
                <i class="fas fa-home custom-color"></i>
            </button>
            <span class="title-text text-white fs-5">2024H1随访结果脱敏汇总 {{{downloadLink}}}</span>
        </header>
        <div class="container mt-4">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>来源</th>
                        <th>摘要</th>
                    </tr>
                </thead>
                <tbody>
                    {{#each surveyResults}}
                        <tr>
                            <td width="20%">
                                <a href="https://totemlife.cn/apps/crm/disclose-user-info?uid={{uid}}">
                                <div style='color:#88b04b'>
                                    U#{{uid}}
                                </div>
                                </a>
                                <small>
                                    <div style='color:#0f4c81'>{{id}}{{cid}}</div>
                                    <div>{{goods_list}}</div>
                                    <div style='color:#c1c1c1;'>
                                        {{submit_at}}<br>
                                        {{action}}
                                    </div>
                                </small>
                            </td>
                            <td>{{{answers}}}</td>
                        </tr>
                    {{/each}}
                </tbody>
            </table>
        </div>

        <footer class="footer" style="text-align: center;">
            <div class="row">
                <div class="text-muted">&nbsp;</div>
                <div class="text-muted">&nbsp;</div>
                <div class="text-muted">&copy;2023 图腾生命医学</div>
                <div class="text-muted">我们为人类免疫事业而奉献</div>
            </div>
        </footer>
        <script>
            function goLatestSurvey() {
                const url = `https://totemlife.cn/apps/loyalty/latest-survey`;
                window.location.href = url;
            }
        </script>
        <!-- 引入 Bootstrap 5 JavaScript文件（如果需要） -->
        <script src="/apps/js/jquery-3.7.1.min.js"></script>
        <script src="/apps/js/bootstrap.bundle.min.js"></script>
        <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
        <script src="/apps/js/wx-client-dom.js"></script>
    </body>
</html>
